<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <canvas id= "canvas1" width = "400" height= "400"
            style="border:solid"></canvas>
            <script language="javascript">
        var ctx1 = document.getElementById('canvas1').getContext("2d");
              
            
            ctx1.beginPath();
            ctx1.arc(70,60,10,0,Math.PI*2,true);
            ctx1.closePath();
            ctx1.fill();
            
            ctx1.beginPath();
            ctx1.arc(120,60,10,0,Math.PI*2,true);
            ctx1.closePath();
            ctx1.fill();
            
            ctx1.beginPath();
            ctx1.arc(100,100,100,0,Math.PI*2,true);
            ctx1.closePath();
            ctx1.stroke();
            
            ctx1.beginPath();
            ctx1.arc(90,150,30, 0,Math.PI,false);
            ctx1.closePath();
            ctx1.stroke();
            
            ctx1.strokeRect(85,100,10,20);
              </script>
    </body>
</html>
